:root {
  /* Colores */
  --redDavivienda: #ed1c27;
  --redDark: #c90c14;
  --gray: #939598;
  --grayMedium: #E9E9E9;
  --grayLight: #F5F5F5;
  --grayFont: #797B80;
  --black: #000000;
  --white: #ffffff;
  /* End Colores */

  /* Fonts */
  --dav-light: 'davlight', sans-serif;
  --dav-light-i: 'davlight_italic', sans-serif;
  --dav: 'davregular', sans-serif;
  --dav-i: 'davitalic', sans-serif;
  --dav-semiBold: 'davsemibold', sans-serif;
  --dav-semiBold-i: 'davsemibold_italic', sans-serif;
  --dav-bold: 'davbold', sans-serif;
  --dav-bold-i: 'davbold_italic', sans-serif;
  --dav-extraBold: 'davextrabold' , sans-serif;
  --dav-extraBold-i: 'davextrabold_italic', sans-serif;

  /* Condensed ------ */
  --davCond-light: 'davcondensedLight', sans-serif;
  --davCond-light-i: 'davcondensedLightItalic', sans-serif;
  --davCond: 'davcondensedRegular', sans-serif;
  --davCond-i: 'davcondensedItalic', sans-serif;
  --davCond-semiBold: 'davcondensedCnSBd', sans-serif;
  --davCond-semiBold-i: 'davcondensedCnSBdIt', sans-serif;
  --davCond-bold: 'davcondensedCnBold', sans-serif;
  --davCond-bold-i: 'davcondensedCnBoldI', sans-serif;
  --davCond-extraBold: 'davcondensedExtraBold' , sans-serif;
  --davCond-extraBold-i: 'davcondensedExtraBoldItalic', sans-serif;
  /* End Fonts */

  /* Tamanio Fuente */
  --f-xs: 0.563em;    /* 9px */
  --f-sm: 0.625em;    /* 10px */
  --f-md-1: 0.75em;   /* 12px */
  --f-md-2: 0.875em;  /* 14px */
  --f-lg-1: 1em;      /* 16px */
  --f-lg-2: 1.125em;  /* 18px */
  --f-xl-1: 1.25em;   /* 20px */
  --f-xl-2: 1.563em;  /* 25px */
  --f-xl-3: 1.875em;  /* 30px */
  --f-xl-4: 2.188em;  /* 35px */
  --f-xxl-1: 2.5em;   /* 40px */
  --f-xxl-2: 3.125em; /* 50px */
  --f-xxl-3: 3.75em;  /* 68px */
  /* End Tamanio Fuente */
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: var(--dav);
}

*:before, :after{
  box-sizing: inherit;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--white);
  color: var(--black);
  position: relative;
  font-size: 16px;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

a:focus,
a:active,
a:hover,
input[type="text"]:focus,
input[type="text"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="submit"]:focus,
input[type="submit"]:active {
  text-decoration: none;
  outline: none;
}

input, select {
  width: auto;
  padding: 0.85em 2em;
  border: 0.063em solid #E9E9E9;
  border-radius: 0.625em;
  background-color: white;
  font-size: var(--f-md-1);
  transition: border-color 0.3s ease;
  height: 3.25em;
  width: 15.7em;
}

select {
  width: auto;
  padding: 0.8em 1.5em;
  border: 0.063em solid #E9E9E9;
  border-radius: 0.625em;
  background-color: white;
  font-size: var(--f-md-1);
  transition: border-color 0.3s ease;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  background-image: url('https://images.publicidad.davivienda.com/EloquaImages/clients/BANCODAVIVIENDADAVIPRO/%7B8e685931-7a55-4e52-8f87-533695e630e7%7D_flecha-abajo.png');
  background-repeat: no-repeat;
  background-position: right 1em center;
  background-size: 0.8em;
  padding-right: 2.5em;
  color: #949599;
  max-width: 17.438em;
}

select:focus {
  border-color: #999;
  outline: none;
}

input::placeholder {
  color: #949599;
  font-size: var(--f-lg-1);
}

input:focus {
  border-color: #999;
  outline: none;
}

input[type="radio"] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border: 0.125em solid var(--redDavivienda);
  outline: none;
  transition: all 0.3s ease;
  background-color: var(--white);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

input[type="radio"]::after {
  content: '';
  position: absolute;
  width: 50%;
  height: 50%;
  background: transparent;
  border-radius: 50%;
}

input[type="radio"]:checked::after {
  background: var(--redDavivienda);
}

input[type="radio"]:checked {
  border-color: var(--redDark);
  box-shadow: 0 0 0 0.25em rgb(237 28 39 / 50%);
}

input[type="radio"]:focus {
  border-color: var(--redDavivienda);
  box-shadow: 0 0 0 0.25em rgb(237 28 39 / 30%);
}

input[type="radio"]:hover {
  border-color: var(--redDark);
}

input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1em;
  height: 1em;
  border: 0.125em solid var(--redDavivienda);
  background: var(--white);
  border-radius: 0.25em;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}

input[type="checkbox"]:checked {
  border-color: var(--redDavivienda);
  box-shadow: 0 0 0 0.2em rgb(237 28 39 / 30%);
}

input[type="checkbox"]:checked::after {
  content: '';
  background-image: url(https://images.publicidad.davivienda.com/EloquaImages/clients/BANCODAVIVIENDADAVIPRO/%7B873442bd-fb98-47da-8146-c0ffeb1d27bd%7D_chulito.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
  border-radius: 0.25em;
}

input[type="checkbox"]:focus {
  border-color: var(--redDavivienda);
}

input[type="checkbox"]:hover {
  border-color: var(--redDark);
}


.btn-g {
  position: relative;
  border: none;
  outline: none;
  background: var(--redDavivienda);
  padding: 0.813em 1.875em;
  display: inline-block;
  line-height: 0.649em;
  border-radius: 0.688em;
  transition: all 0.6s;
}

.btn-g span {
  position: relative;
  color: var(--white);
  font-size: 0.625em;
  letter-spacing: 0.125em;
  text-transform: uppercase;
  z-index: 1;
  transition: all 0.6s;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;

  font-family: var(--dav-extraBold);
}

input[type="button"] {
  color: var(--white);
  font-size: 0.625em;
  letter-spacing: 0.125em;
  text-transform: uppercase;
  position: relative;
  border: none;
  outline: none;
  background: var(--redDavivienda);
  padding: 1.65em 3em;
  display: inline-block;
  line-height: 0.649em;
  border-radius: 4em;
  transition: all 0.6s;
  font-family: var(--dav-extraBold);
}

.btn-g:hover, input[type="button"]:hover {
  background: var(--black);
}

.btn-g:hover span {
  color: var(--white);
}


.btn-line {
  position: relative;
  border: none;
  outline: none;
  background: transparent;
  box-shadow: 0 0 0 0.063em var(--redDavivienda) inset;
  padding: 0.58em;
  display: inline-block;
  line-height: 0.649em;
  border-radius: 0.438em;
  transition: all 0.6s;
  background: var(--white);
}

.btn-line span {
  position: relative;
  color: var(--redDavivienda);
  font-size: var(--f-md-1);
  z-index: 1;
  transition: all 0.6s;

  font-family: var(--dav);
}

.btn-line:hover {
  background: var(--redDavivienda);
  box-shadow: 0 0 0 0.063em var(--redDavivienda) inset;
}

.btn-line:hover span {
  color: var(--white);
}

ul {
  padding-left: 0.6em;
}

li{
  list-style: none;
}

b, b > span {
  font-weight: normal;
  font-family: var(--dav-extraBold);
}

i {
  font-style: normal;
  font-family: var(--dav-i);
}

i > b {
  font-weight: normal;
  font-style: normal;
  font-family: var(--dav-extraBold-i);
}

.trigger{
  position: fixed;
  right: 20px;
  bottom: 0px;
  width: 20px;
  pointer-events: none;
}

.container {
  max-width: 71em;
  padding-left: 2em;
  padding-right: 2em;
}

.container-2 {
  max-width: 83em;
}

/* fuente peso */
.dav-light {
  font-family: var(--dav-light);
}

.dav-light-i {
  font-family: var(--dav-light-i);
}

.dav {
  font-family: var(--dav);
}

.dav-i {
  font-family: var(--dav-i);
}

.dav-semiBold {
  font-family: var(--dav-semiBold);
}

.dav-semiBold-i {
  font-family: var(--dav-semiBold-i);
}

.dav-bold {
  font-family: var(--dav-bold);
}

.dav-bold-i {
  font-family: var(--dav-bold-i);
}

.dav-extraBold {
  font-family: var(--dav-extraBold);
}

.dav-extraBold-i {
  font-family: var(--dav-extraBold-i);
}
/* End fuente peso */

/* condensed fuente peso */
.davCond-light {
  font-family: var(--davCond-light);
}

.davCond-light-i {
  font-family: var(--davCond-light-i);
}

.davCond {
  font-family: var(--davCond);
}

.davCond-i {
  font-family: var(--davCond-i);
}

.davCond-semiBold {
  font-family: var(--davCond-semiBold);
}

.davCond-semiBold-i {
  font-family: var(--davCond-semiBold-i);
}

.davCond-bold {
  font-family: var(--davCond-bold);
}

.davCond-bold-i {
  font-family: var(--davCond-bold-i);
}

.davCond-extraBold {
  font-family: var(--davCond-extraBold);
}

.davCond-extraBold-i {
  font-family: var(--davCond-extraBold-i);
}
/* End condensed fuente peso */

/* styel font */
/* 68px */
.f-xxl-3 {
  font-size: var(--f-xxl-3);
}

/* 50px */
.f-xxl-2 {
  font-size: var(--f-xxl-2);
}

/* 40px */
.f-xxl-1 {
  font-size: var(--f-xxl-1);
}

/* 35px */
.f-xl-4{
  font-size: var(--f-xl-4);
}

/* 30px */
.f-xl-3 {
  font-size: var(--f-xl-3);
}

/* 25px */
.f-xl-2 {
  font-size: var(--f-xl-2);
}

/* 20px */
.f-xl-1 {
  font-size: var(--f-xl-1);
}

/* 18px */
.f-lg-2{
  font-size: var(--f-lg-2);
}

/* 16px */
.f-lg-1 {
  font-size: var(--f-lg-1);
}

/* 14px */
.f-md-2 {
  font-size: var(--f-md-2);
}

/* 12px */
.f-md-1 {
  font-size: var(--f-md-1);
}

/* 10px */
.f-sm {
  font-size: var(--f-sm);
}

/* 9px */
.f-xs {
  font-size: var(--f-xs);
}
/* End styel font */

/* COLORS */
.f-rojo {
  color: var(--redDavivienda);
}

.f-negro {
  color: var(--black);
}
/* End COLORS */

/*-----------------------------------
1.1 Fuente
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
  color: var(--black);
  line-height: 1em;
}

h1{
  font-size: var(--f-xxl-3);
}

h2{
  font-size: var(--f-xl-4);
}

h3{
  font-size: var(--f-xl-2);
}

h4{
  font-size: var(--f-lg-2);
}

h5{
  font-size: var(--f-sm);
}

h6{
  font-size: var(--f-xs);
}

p {
  font-size: var(--f-md-2);
  line-height: 1.5em;
  color: var(--grayFont);
}
/*-----------------------------------
1.1 End Fuente
-----------------------------------*/

/*-----------------------------------
1.2 Legales
-----------------------------------*/
.Davivienda-leitmotiv {
  position: fixed;
  top: 0;
  left: 0;
  width: 7em;
  z-index: 10;
}

.legal-banco {
  position: fixed;
  top: 5.188em;
  right: 1.25em;
  width: 0.688em;
}

.legal-vigilado {
  position: absolute;
  bottom: 14.188em;
  left: 1.25em;
  width: 1.144em;
}

.Davivienda-leitmotiv>img, .legal-banco>img, .legal-vigilado>img {
  width: 100%;
}
/*-----------------------------------
1.2 End Legales
-----------------------------------*/

/*-----------------------------------
1.3 Footer
-----------------------------------*/
footer{
  background: #000000;
  padding: 1.875em 0;
}

.legalFoot, .copyRightFoot {
  color: var(--white);
  text-align: center;
  margin: 0 auto;
  max-width: 76.25em;
  margin-top: 0;
  margin-bottom: 0.538em;
  font-size: 0.625em;
  line-height: 1.3em;
  width: 100%;
}

.logo-davivienda-foot {
  width: 100%;
  max-width: 10.688em;
}

.legal-izq {
  width: 100%;
  max-width: 8.75em;
}

.logosFoot {
  text-align: center;
}
/*-----------------------------------
1.3 End Footer
-----------------------------------*/

/* BANNER */
.banner-homeProd {
  /* padding: 5.7em 0 0 0; */
  background-repeat: no-repeat;
  background-position: left -2.5em center;
  width: 100%;
  height: 23.7em;
  transition: background-image 0.3s ease-in-out, opacity 0.3s ease-in-out;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

.hm-cont-slider, .hm-cont-slider * {
  height: 100%;
}

.slider-homeProd {
  display: grid;
}

.slider-homeProd.slick-dotted.slick-slider {
  margin: 0;
}

.slick-slide img.bnn-bg {
  display: none;
  height: 0;
  width: 0;
  opacity: 0;
}

.slider-homeProd .slick-next::before {
  right: 0.85em;
}

.slider-homeProd .slick-prev::before {
  left: 0.85em;
}

.slider-homeProd .slick-arrow {
  position: absolute;
  top: calc(50% - 1.125em);
  z-index: 2;
}

.slider-homeProd .slick-dots {
  bottom: 1.875em;
  width: 100%;
  display: flex;
  left: 0;
  justify-content: center;
  height: 0;
  position: absolute;
}

.slider-homeProd .slick-dots li {
  margin: 0;
  margin-right: 0.5em;
}

.slider-homeProd .slick-next {
  right: 0;
}

.slider-homeProd .slick-prev {
  left: 0;
}

.slider-homeProd  .slick-dots li button {
  font-size: 1em;
  color: transparent;
  font-size: 0.688em;
  padding: 0;
  width: auto;
  height: 0.938em;
  width: 0.938em;
  border-radius: 50px;
  border: 0.063em solid var(--redDavivienda);
}

.slider-homeProd .slick-dots li.slick-active button, .slider-homeProd .slick-dots li.slick-active button:before {
  background: var(--redDavivienda);
}

.btn-arrows:active, .slider-homeProd .slick-arrow:active, .slideProduct .slick-next {
  scale: 0.6;
}

.btn-arrows, .slider-homeProd .slick-arrow, .btn-ico, .slideProduct .slick-next {
  font-size: 1em;
  cursor: pointer;
  /* position: relative; */
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(56 57 59 / 20%);
  border-radius: 2em;
  width: 2.5em;
  height: 2.5em;
  transition: all 0.6s;
  color: transparent;
  border: 0.063em solid rgb(255 255 255 / 50%)
}

.btn-arrows-bgRed, .btn-arrows-bgRed:active, .btn-arrows:hover, .slider-homeProd .slick-arrow:hover, .slideProduct .slick-next {
  background: var(--redDavivienda);
}

.btn-arrows-bgRed:hover, .btn-arrows:active, .slider-homeProd .slick-arrow:active, .slideProduct .slick-next:hover {
  background: var(--black);
}

.btn-left::before, .btn-rigth::before, .slider-homeProd .slick-next::before, .slider-homeProd .slick-prev::before, .slideProduct .slick-next:before {
  content: '';
  position: absolute;
  width: 0.499em;
  height: 0.499em;
  /* top:0.76em; */
  transform: rotate(45deg);
  opacity: 1;
}

.btn-left::before, .slider-homeProd .slick-prev::before {
  border-bottom: 0.063em solid var(--white);
  border-left: 0.063em solid var(--white);
  left: 1.094em;
}

.btn-big.btn-left::before {
  left: 2em;
}

.btn-big.btn-rigth::before {
  right: 2em;
}

.btn-rigth::before, .slider-homeProd .slick-next::before, .slideProduct .slick-next:before {
  border-top: 0.063em solid var(--white);
  border-right: 0.063em solid var(--white);
  right: 1.094em;
}

.slider-homeProd .slick-arrow:hover .slick-next::before, .slideProduct .slick-arrow:hover .slick-next:before {
  border-top: 0.063em solid var(--white);
  border-right: 0.063em solid var(--white);
}

.link-banner {
  position: absolute;
  /* background: red; */
  width: 100%;
  height: 100%;
}
/* End BANNER */

/* CALENDARIO */
.secc {
  margin-top: 3.75em;
}

.TT-leitmotive {
  width: 9em;
}

.TT-calendario {
  width: 5em;
  margin-left: 4.813em;
  position: relative;
  margin-top: -1em;
  margin-bottom: 0.313em;
}

.con-TT {
  position: relative;
}

.TT-leitmotive {
  position: absolute;
  top: -0.375em;
  left: 0;
}

.con-TT-txt {
  width: 100%;
  max-width: 61.25em;
  margin: 0 auto;
}

.TT {
  margin-left: 3.5em;
}

.cont-titullo {
  position: relative;
}

.con-txt {
  width: 44.5em;
}

.line {
  width: 1px;
  background: var(--grayMedium);
}

.line-1 {
  height: 5em;
}

.lista-fechas b {
  color: var(--black);
}

.lista-fechas b span {
  color: var(--redDavivienda);
}
/* End CALENDARIO */

/* FILTRO */
.secc-2 {
  margin-top: 2.813em;
}

.cont-filtro {
  background: rgb(245 245 245 / 50%);
  border: 0.063em solid #F5F5F5;
  border-radius: 1.25em;
  padding: 2.75em 1.688em;
}

.radioCont {
  background: #EFEFEF;
  padding: 0.313em;
  border-radius: 0.625em;
  display: flex;
  align-items: center;
  gap: 0.563em;
}

.radioCont label {
  padding: 0.563em 0.625em;
  border-radius: 0.313em;
  background: var(--white);
  display: flex;
  align-items: center;
  gap: 0.313em;
  cursor: pointer;
}

.radioCont label span {
  color: #949599;
  font-size: var(--f-md-1);
  line-height: var(--f-sm);
}
/* End FILTRO */

/* RESULTADO */
.secc-3 {
  margin-top: 1.875em;
}

.sin-resultados {
  height: 15.313em;
  border-radius: 1.25em;
  border: 0.188em dashed #E9E9E9;
  padding: 1.563em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sin-resultados p {
  color: #C5C6C9;
  width: 100%;
  max-width: 500px;
  text-align: center;
  font-family: var(--dav);
}

.ico-ojo {
  width: 2.125em;
}

.space_ {
  height: 6.25em;
}

.list-fechas {
  width: 71%;
}

.list-tt {
  padding: 0.625em 1.25em;
  padding-top: 0;
}

.info {
  width: 29%;
}

.con-resultados {
  gap: 1.563em;
  width: 100%;
  margin: 0 auto;
}

.list-tt p {
  margin: 0;
  color: #BABBBF;
  font-size: var(--f-md-1);
}

.line-3 {
  height: 1.125em;
  margin: 0 0.625em;
}

.caja-list.active .line-3 {
  background: rgb(237 28 39 / 20%);
}

.cont-caja {
  min-width: 9.9em;
}

.caja-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8em 1.25em;
  border-radius: 0.625em;
  box-shadow: 0 0 0 0.063em #F5F5F5;
  margin-top: 0.938em;
}

.list-fechas .caja-list:nth-child(2) {
  margin-top: 0.313em;
}


.caja-list:nth-child(odd) {
  background: rgb(250,250,250);
  background: -moz-linear-gradient(90deg, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 100%);
  background: linear-gradient(90deg, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafafa",endColorstr="#fafafa",GradientType=1);
}

.caja-info, .caja-ico{
  display: flex;
  align-items: center;
}

.caja-ico {
  gap: 0.625em;
}

.caja-list p {
  margin: 0;
}

.list-fecha {
  font-family: var(--dav-extraBold);
  color: var(--black);
}

.ico {
  width: 1.25em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ico svg path{
  fill: #BABBBF;
}

.cont-ico {
  position: relative;
  height: 1.875em;
  width: 1.875em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375em;
  background: rgb(255 255 255 / 50%);
  box-shadow: 0 0 0 0.063em #E9E9E9;
}

.cont-ico img {
  width: 1.188em;
  /* filter: grayscale(100%); */
}

.txt-ayuda {
  position: absolute;
  background: var(--black);
  padding: 0.438em;
  border-radius: 0.375em;
  width: 6.375em;
  text-align: center;
  bottom: 2.4em;
  opacity: 0;
  transition: all 0.6s;
  pointer-events: none;
}

.cont-ico:hover .txt-ayuda {
  opacity: 1;
}

.txt-ayuda::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.375em 0.313em 0 0.313em;
  border-color: #000000 transparent transparent transparent;
  transform: rotate(0deg);
  bottom: -0.3em;
  margin: 0 auto;
  right: 0;
  left: 0;
}

.txt-ayuda p {
  color: var(--white);
  font-size: var(--f-sm);
  line-height: var(--f-md-2);
}

.conja-cta {
  display: flex;
  align-items: center;
  gap: 0.625em;
}

.btn-mas {
  height: 1.875em;
  width: 1.875em;
  border-radius: 0.438em;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: var(--redDavivienda);
  transition: all 0.6s;
}

.btn-mas:hover {
  background: var(--redDark);
}

.mas {
  position: relative;
  width: 0.625em;
  height: 0.625em;
}

.mas::after {
  content: '';
  height: 100%;
  width: 0.125em;
  background: var(--white);
  position: absolute;
  margin: 0 auto;
  right: 0;
  left: 0;
}

.mas::before {
  content: '';
  width: 100%;
  height: 0.125em;
  background: var(--white);
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 39%;
}

.caja-list.active {
  background: rgb(254,248,248);
  background: -moz-linear-gradient(90deg, rgba(254,248,248,1) 0%, rgba(252,221,223,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(254,248,248,1) 0%, rgba(252,221,223,1) 100%);
  background: linear-gradient(90deg, rgba(254,248,248,1) 0%, rgba(252,221,223,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fef8f8",endColorstr="#fcdddf",GradientType=1);
  box-shadow: 0 0 0 0.063em rgb(237 28 39 / 10%);
}

.caja-list.active .btn-line span {
  color: var(--white);
}

.caja-list.active .btn-line {
  box-shadow: 0 0 0 0.063em rgb(237 28 39 / 25%)  inset;
  background: rgb(237 28 39 / 33%);
}

.caja-list.active .btn-line:hover {
  box-shadow: 0 0 0 0.063em var(--redDavivienda)  inset;
  background: var(--redDavivienda);
}

.caja-list.active .btn-mas {
  background: var(--white);
}

.caja-list.active .mas::before {
  background: var(--redDavivienda);
}

.caja-list.active .mas::after {
  display: none;
}

.caja-list.active .cont-ico {
  box-shadow: 0 0 0 0.063em rgb(237 28 39 / 20%);
}

.caja-list.active .ico svg path {
  fill: var(--redDavivienda);
}

.mas-info > div {
  margin-bottom: 1.563em;
}

.modulo-fechas {
  background: #FAFAFA;
  box-shadow: 0 0 0 0.063em #F5F5F5;
  padding: 1.25em;
  border-radius: 0.938em;
}

.lista-fechas li {
  position: relative;
}

.lista-fechas li::before {
  content: '';
  position: absolute;
  left: -0.6em;
  top: 0.375em;
  height: 0.313em;
  width: 0.313em;
  background: var(--redDavivienda);
  border-radius: 1em;
}

.medios-pago {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 0.625em;
  width: 18.75em;
  margin: auto;
}

.medio .ico svg path {
  fill: var(--redDavivienda);
}

.line-h {
  height: 0.063em;
  width: 35%;
  background: #E9E9E9;
}

.box-logo {
  max-width: 7.75em;
}

.btn-line-2 {
  border-radius: 0.688em;
  padding: 0.813em;
  background: transparent;
  box-shadow: 0 0 0 0.063em var(--redDavivienda) inset;
  display: block;
  text-align: center;
}

.btn-line-2 span {
  color: var(--redDavivienda);
  font-size: 0.625em;
  transition: all 0.6s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--dav-extraBold);
}

.btn-g-2 {
  padding: 0.813em;
  display: block;
  text-align: center;
  display: block;
}

.btn-g-2 span {
  text-transform: none;
  letter-spacing: normal;
 display: block;
}

.box-cta, .box-logo {
  width: 50%;
}

.box-pagar {
  border: 0.125em solid #F5F5F5;
  padding: 1.25em;
  border-radius: 0.625em;
}
/* End RESULTADO */

/* MODAL */
.modal-dialog {
  max-width: 66em;
}

.modal-g .modal-dialog {
  max-width: 52.375em;
}

.modal-g .modal-content {
  border-radius: 1.25em;
}

.modal-g .modal-body {
  padding: 2.5em;
}

.modal-close {
  background-color: var(--redDavivienda);
  color: var(--white);
  height: 1.875em;
  width: 1.875em;
  border: none;
  border-radius: 3.125em;
  position: absolute;
  top: 1.25em;
  right: 1.25em;
  display: flex;
  justify-content: center;
  line-height: 2em;
  z-index: 2;
}

.box-pagos-modal > div {
  width: 50%;
}

#mas_informacion {
  position: relative;
  top: -1.875em;
}

.filter-buttons {
  padding: 1.5em;
  padding-bottom: 0.3em;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625em;
}

.filter-buttons .btn-g {
  background: var(--grayMedium);
}

.filter-buttons .btn-g span {
  color: var(--gray);
}

.filter-buttons button.active {
  background-color: var(--redDavivienda);
}

.filter-buttons button.active span{
  color: var(--white);
}

.con-imgModal {
  column-count: 2;
  text-align: center;
}

.con-imgModal.count {
  column-count: 1;
}

.con-imgModal img {
  width: 100%;
  max-width: 38.125em;
  break-inside: avoid;
  display: inline-block;
}

.con-imgModal img.hidden {
  display: none; /* Oculta imágenes */
}
/* End MODAL */

.btn-fijo {
  display: none;
}

.btn-fijo::after {
  content: '';
  position: absolute;
  width: 0.499em;
  height: 0.499em;
  transform: rotate(315deg);
  border-top: 0.125em solid var(--white);
  border-right: 0.125em solid var(--white);
  top: 43%;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.cont-impuestos {
  background: rgb(245 245 245 / 50%);
  border: 0.063em solid #F5F5F5;
  border-radius: 1.25em;
  padding: 1.875em;
  max-width: 56.25em;
  width: 100%;
  margin: 0 auto;
}

.cont-img {
  height: 6.375em;
  width: 7.375em;
  overflow: hidden;
  border-radius: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cont-img img {
  width: 100%;
}

.card-a-im {
  width: 100%;
  max-width: 24.375em;
}

.card-im {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.938em;
  padding: 0.938em;
  background: var(--white);
  border-radius: 1.188em;
  width: 100%;
  transition: all 0.6s;
}

.cont-mas {
  position: absolute;
  top: 0.625em;
  right: 0.625em;
  background: var(--redDavivienda);
  height: 1.563em;
  width: 1.563em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3em;
}

.mas {
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-im:hover {
  box-shadow: 0 0 0 0.063em var(--redDavivienda);
}

.txt-impuestos {
  width: 100%;
  max-width: 11.75em;
}

.secc-5 {
  position: relative;
}

.medios-de-pago {
  background: linear-gradient(45deg, rgba(250,237,237,1) 0%, rgba(250,250,250,1) 100%);
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  padding: 0.5em 0;
}

.TT-medios-de-pago {
  position: absolute;
  z-index: 1;
  background: #FBEEEE;
  background: -webkit-linear-gradient(90deg, rgba(251, 238, 238, 1) 0%, rgba(250, 242, 242, 1) 90%, rgba(250, 242, 242, 0) 100%);
  background: -moz-linear-gradient(90deg, rgba(251, 238, 238, 1) 0%, rgba(250, 242, 242, 1) 90%, rgba(250, 242, 242, 0) 100%);
  background: linear-gradient(90deg, rgba(251, 238, 238, 1) 0%, rgba(250, 242, 242, 1) 90%, rgba(250, 242, 242, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FBEEEE", endColorstr="#FAF2F2", GradientType=1);
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding-right: 3.875em;
  padding-left: 0.625em;
}

.medios-pago-wrapper {
  display: flex;
  overflow: hidden;
  width: 100%;
}

.medios-pago-cont {
  display: flex;
  align-items: center;
  gap: 0;
  width: max-content;
  animation: scrollText 50s linear infinite;
}

@keyframes scrollText {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.mp-cont {
  display: flex;
  align-items: center;
  gap: 1em;
  flex-shrink: 0;
}

.punto_ {
  height: 0.188em;
  width: 0.188em;
  border-radius: 50%;
  background: var(--redDavivienda);
  margin: 0 1.563em;
  flex-shrink: 0;
}

.mp-cont p {
  margin: 0;
  font-size: var(--f-md-1);
  color: var(--black);
}

.mp-cont p.line_ {
  color: var(--gray);
}


.modal-content {
  border: none;
  border-radius: 1.563em;
}

.btn-close {
  position: absolute;
  right: 1.25em;
  top: 1.25em;
  z-index: 1;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  background-color: var(--redDavivienda);
  opacity: 1;
  background-size: 0.625em;
}
/* Responsive */
@media only screen and (min-width: 1668px) {
  body {
    font-size: 20px;
  }

  .banner-homeProd {
    height: 26.7em;
  }
}

/* Responsive */
@media only screen and (max-width: 1078px) {
  .con-resultados .line-2 {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .banner-homeProd {
    height: 33em;
  }

  .list-fechas, .info {
    width: 100%;
  }

  .info {
    max-width: 31.25em;
    margin: 0 auto;
  }

  .con-resultados, .cont-filtro, .sin-resultados {
    max-width: 44.375em;
    margin: 0 auto;
  }

  .con-txt {
    width: 70%;
  }

  .cont-filtro input, .cont-filtro select, .radioCont, .cont-filtro .btn-g{
    width: 48%;
    margin: 0 auto;
  }

  .radioCont label {
    width: 50%;
  }

  input[type="radio"] {
    width: 1em;
    height: 1em;
  }
}

@media only screen and (max-width: 768px) {
  /*-----------------------------------
  4.2 Legales
  -----------------------------------*/
  .Davivienda-leitmotiv {
    position: absolute;
    width: 6.25em;
  }
  /*-----------------------------------
  4.2 End Legales
  -----------------------------------*/

  .banner-homeProd {
    height: 27em;
  }

  .con-TT-txt .line.line-1 {
    display: none;
  }

  .con-TT {
    position: relative;
    width: 100%;
    max-width: 16.25em;
    margin: 0 auto;
  }

  .con-txt {
    width: 100%;
    margin-top: 2.625em;
  }

  .caja-list {
    flex-direction: column;
    width: 48%;
    margin: 0;
  }

  .caja-info {
    flex-direction: column;
  }

  .list-fechas {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25em;
  }

  .caja-list {
    position: relative;
  }

  .caja-list.active {
    background: rgb(254, 248, 248);
    background: -moz-linear-gradient(180deg, rgba(254, 248, 248, 1) 0%, rgba(252, 221, 223, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(254, 248, 248, 1) 0%, rgba(252, 221, 223, 1) 100%);
    background: linear-gradient(180deg, rgba(254, 248, 248, 1) 0%, rgba(252, 221, 223, 1) 100%);
  }

  .btn-mas {
    position: absolute;
    top: 0.625em;
    right: 0.625em;
  }

  .line-3 {
    width: 100%;
    height: 0.063em;
    margin: 0.625em 0;
  }

  .conja-cta {
    width: 100%;
  }

  .conja-cta .btn-line {
    width: 70%;
    margin: 0 auto;
    margin-top: 0.938em;
  }

  .caja-list .cont-ico {
    height: auto;
    width: auto;
    padding: 0.313em 0.625em;
  }

  .txt-ayuda::after {
    display: none;
  }

  .txt-ayuda {
    position: initial;
    width: auto;
    opacity: 1;
    pointer-events: initial;
    background: transparent;
    padding: 0;
  }

  .txt-ayuda p {
    color: var(--grayFont);
    margin-left: 0.313em;
  }

  .caja-ico {
    flex-wrap: wrap;
  }

  .caja-list {
    padding: 2.5em 1.563em;
  }

  .btn-fijo {
    display: flex;
    position: fixed;
    z-index: 10;
    bottom: 1.25em;
    right: 1.25em;
    top: initial;
    height: 2.5em;
    width: 2.5em;
    transform: translateY(6.25em);
  }

  .btn-fijo.open {
    transform: translateY(0);
  }

  .con-imgModal {
    column-count: 1;
  }

  .filter-buttons {
    padding: 0.625em;
    gap: 0.5em;
  }

  .filter-buttons .btn-g {
    padding: 0.5em;
    line-height: 0.649em;
    border-radius: 5em;
  }

  .filter-buttons .btn-g span {
    font-size: 0.5em;
    letter-spacing: 0.05em;
  }

  .TT-medios-de-pago {
    background: linear-gradient(45deg, rgba(250, 237, 237, 1) 0%, rgba(250, 250, 250, 1) 100%);
    position: relative;
    padding: 0;
    text-align: center;
    width: 100%;
    justify-content: center;
    padding: 5px;
  }
}

@media only screen and (max-width: 576px) {
  body{
    font-size: 19px;
  }

  .footerSite .col {
      flex: initial;
  }

  .secc-2 {
    margin-top: 1.813em;
  }

  .caja-list {
    width: 100%;
    padding-bottom: 1.25em;
  }

  .cont-filtro input, .cont-filtro select, .radioCont, .cont-filtro .btn-g {
    width: 100%;
    margin: 0 auto;
  }

  input[type="radio"] {
    width: 1em;
    height: 1em;
    margin: 0;
  }

  .space_ {
    height: 2.25em;
  }

  .medios-pago.mb-4 {
    display: flex;
    flex-wrap: wrap;
    width: auto;
  }

  .slider-homeProd .slick-arrow {
    position: absolute;
    top: initial;
    bottom: 1.25em;
    z-index: 2;
  }

  .btn-arrows-bgRed, .btn-arrows-bgRed:active, .btn-arrows:hover, .slider-homeProd .slick-arrow:hover, .slideProduct .slick-next {
    background: rgb(56 57 59 / 50%);
  }

  .box-pagos-modal > div {
    width: 100%;
  }

  .modal-g .modal-body {
    padding: 2.5em 0.938em;
  }

  .line-h {
    width: 33%;
  }

  .btn-mas {
    height: 2.5em;
    width: 2.5em;
    border-radius: 0.625em;
  }

  .cont-caja {
    min-width: initial;
    justify-content: center;
  }

  .card-im {
    flex-direction: column;
  }

  .cont-img {
    width: 100%;
  }

  .txt-impuestos {
    max-width: initial;
  }

  .cont-img img {
    transform: translateY(1.5em);
  }
}

@media only screen and (max-width: 320px) {
  body {
    font-size: 16px;
  }

  .box-pagar .d-flex {
    display: block !important;
  }

  .box-cta, .box-logo {
    width: 100%;
  }

  .box-cta {
    margin-top: 0.938em;
  }

  .box-cta > a {
    margin: 0 auto;
    margin-bottom: 0.313em;
  }
}